<template>
  <div>
    <van-nav-bar
      :fixed="true"
      left-arrow
      @click-left="onClickLeft"
      :placeholder="true"
      title="筛选"
    ></van-nav-bar>
    <div class="screen">
      <!-- 驾照类型 -->
      <div class="students-here">
        <p>驾照类型</p>
        <div class="screen-type">
          <div>
            <img src="../../assets/images/41.png" alt />
            <p>C1/C2/C3</p>
          </div>
          <div>
            <img src="../../assets/images/44.png" alt />
            <p>A2/B2</p>
          </div>
          <div>
            <img src="../../assets/images/43.png" alt />
            <p>A1A3B1</p>
          </div>
          <div>
            <img src="../../assets/images/42.png" alt />
            <p>D/E/F</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部按钮 -->
    <div class="screen-buttom">
      <div class="screen-reset">重置</div>
      <div @click="onClickLeft" class="screen-confirm">确定 (171)</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "screen",
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  },
  created() {
    let dsBridge = require("dsbridge");
    dsBridge.call("goBack", "", function() {
      history.go(-1);
    });
  }
};
</script>

<style></style>
